<template> 
    <swiper>
      <swiper-item  v-for="(item,index) in banners" :key="index">
        <img class="img" :src="item" alt="" key="img">
      </swiper-item>
    </swiper> 
</template>

<script>
import Swiper from '../../../components/Swiper/Swiper';
import SwiperItem from '../../../components/Swiper/SwiperItem'
export default {
  components: { Swiper,SwiperItem },
  name: '',
  props:{
    banners:{
      type:Array,
      default(){
        return []
      }
    }
  },
  data () {
    return {
      
    }
  },
  methods:{
  
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.img{
  height: 300px;
}
</style>
